body {overflow:hidden; background: #d7d7d7;margin:0;padding:0;}
#tetris {
  width: 320px;
  height: 460px;
  background:#000;
  /*border: 1px solid black;*/
}
#canvas {
  position:absolute;
  background-color: #000;
  color: #fff;
  height: 440px;
  border-right:1px solid #fff;
  top:20px;
  left:0;
}
#canvas h1 {margin: 0; padding: 0;text-align: center; font-size: 30px; padding-top: 200px;}
.piece {
  border: 1px solid white;
  position: absolute;
}
.square {
  position: absolute;
  width: 19px;
  height: 19px;
  border: 1px solid white;
}
.type0 {background-color: #A000F0;}
.type1 {background-color: #00F0F0;}
.type2 {background-color: #F0A000;}
.type3 {background-color: #0000F0;}
.type4 {background-color: #00F000;}
.type5 {background-color: #F00000;}
.type6 {background-color: #F0F000;}
#next_shape {position: relative; top:20px;background-color: #000; border: 1px solid white;width: 100px; height: 90px;border-left:none;}
#info {background-color: #000; color: #fff; width: 100px; float:left;}
#level {padding-top:10px;}
.game_area{
    width:220px;
    height:460px;
    float:left;
}
.control {
    position:absolute;
    background-color:transparent;
    border:1px solid #fff;
}
.move_left, .move_right {
    height:98px;
    width:108px;
    top:260px;
}
.move_left {
    left:0px;
}
.move_right{
    left:110px;
}
.move_rotate{
    height:238px;
    width:218px;
    left:0px;
    top:20px;
}
.move_down, .move_show_controls {
    width:218px;
    height:98px;
}
.move_down {  
    top:360px;
    left:0px;
}

.move_pause, .move_show_controls {
    width:98px;
    height:98px;

}
.move_show_controls {
    top:260px;
    left:220px;
}
.move_pause {
    top:360px;
    left:220px;
}
.move_pause div,.move_show_controls div{
    color:#fff;
    text-align:center;
    font-size:150%;
}
.for_help {
    display:none;
}
.for_help span {
    position:relative;
    top:25px;
}
.show_controls .for_help {
    color:#fff;
    display:block;
    margin:0 auto;
    text-align:center;
    vertical-align:middle;
    /*padding-top:25%;*/
    font-size:150%;
}

#controls {
    display:inline;
    height:1px;
    position:absolute;
    top:0px;
    left:0px;
}

#ownz {
    position:absolute;
    top:0;
    left:0;
    height:20px;
    color:#fff;
}
#ownz a {
    color:#ddd;
}